const Vue = require('vue');
const server = require('express')();

// express响应
server.get('/', (req, res) => {
  
  // 第1步：创建一个Vue实例
  const app = new Vue({
    template: `<div>hello world</div>`
  })
  // 第2步：创建一个renderer
  const renderer = require('vue-server-renderer').createRenderer();
  // 第3步：将Vue实例渲染为HTML
  // 在2.5.0+，如果没有传入回调函数，则会返回Promise
  renderer.renderToString(app).then(html => {
    res.send(`
      <!DOCTYPE html>
      <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
      </head>
      <body>
        ${html}
      </body>
      </html>  
    `)
  }).catch(err=>{
    console.log(err)
  });
})

server.listen(3001)
